<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MCP-微云平台</title>
</head>
<body>
<div class="container">
    <div class="card">
        <div class="card-body">
            <h3 class="card-title">MCP-微云平台</h3>
            <div class="card-text">
                您的登录验证码: <span style="color: red;font-weight: bold">${verifyCode}</span>,该验证码5分钟内有效。为了保障您的账户安全，请勿向他人泄漏验证码信息。
            </div>
            <div class="card-foot">
                此致
            </div>
        </div>
    </div>
</div>
<style>
    .container {
        max-width: 768px;
        margin: auto;
    }

    .card {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
    }

    .card-body {
        flex: 1 1 auto;
        padding: 1.25rem;
    }

    .card-title {
        margin-bottom: .75rem;
    }

    .card-text {
    }

    a {
        color: #007bff;
        text-decoration: none;
        background-color: transparent;
    }
</style>
</body>
</html>
